﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="header.ascx.cs" Inherits="ZF.WS.UserControls.shop.header" %>

<style>


.mercinfo { width: 716px; }
.mercinfo td { vertical-align: top; text-align: left; }

.mercinfo .t1 { width: 250px; text-align: center; }
.mercinfo .t1 .photo { width: 270px; height: 200px; border: 1px solid #efefef; }
.mercinfo .t2 { width: 90px; }
.mercinfo .t2 li {   height:80px; width:80px; border: 1px solid #efefef;  text-align:center; vertical-align:middle;}
.mercinfo .t2 li img {   }
.mercinfo .t3 { width: 396px; padding-top: 0px; border-left: 1px solid #f0f0f0; }
.mercinfo .t3 li { margin-top: 8px; }
.mercinfo li span.t { margin-left: 10px; margin-right: 0px; }
.mercinfo li span.cp { font-size: 18px; color: #E6540B; font-weight: bold; }
.mercinfo li span.dc { font-size: 12px; color: #009900; }
.mercinfo .info p { padding-left: 10px; margin: 10px 0px; }
.mercinfo .info p.t { font-weight: bold; padding-left: 10px; color: #f00; font-size: 20px; border-bottom: 1px solid #f6f6f6; }
.mercinfo .freight { line-height: 18px;  text-align:left;}

</style>
<div class="board mercinfo  ">
        <dl>
            <dt><span><%=Merc.Name%></span></dt>
            
            <dd>
     
                <% var photos = this.Merc.Photo.EmptyString("").Split(new string[] { ";" }, StringSplitOptions.RemoveEmptyEntries); %>
                <table class="w100_ table000_  autoSizeImgC">
                    <tr>
                        <td class="t1 "  >
                            <div style="width: 250px; height: 250px; line-height:250px; border: 1px solid #eee; text-align: center;
                            vertical-align: middle;  overflow:hidden;" >
                                <%if (photos.Length > 0)
                                  { %><a href="/photo/shop/<%=photos[0]%>"  target="_blank">
                                <img src="/photo/shop/<%=photos[0]%>" class="autoSizeImg"  /></a>
                                <%}
                                  else
                                  { %>
                                <a href="javascript:">
                                    <img src="/image/noimage.gif" /></a>
                                <%--<a href="javascript:">
                                    <img src="/image/fd.gif" /></a>--%>
                                <%} %>
                                </div>
                        </td>
                        
                        <td class="t2 <%=(photos.Length > 1)?"":"dn_" %>">
                            <div>
                                <ul>
                                    <% if (photos.Length > 1)
                                      { %> 
                                    <%for (int i = 1; i < photos.Length&& i<3; i++)
                                      { %>
                                    <li>
                                        <div style="width: 80px; height: 80px;">
                                            <a href="/photo/shop/<%=photos[i]%>">
                                                <img src="/photo/shop/<%=photos[i]%>" class="autoSizeImg" style="width:80px" /></a></div>
                                    </li>
                                    <%} %>
                                    <%} %>
                                </ul>
                            </div>
                        </td>

                         

                        <td class="t3">
                            <div>
                                <ul>
                                    <li class=""><span class="t">价&nbsp;&nbsp;&nbsp;&nbsp;格：</span> <span><span class="cp">
                                        <%=Merc.CPrice%>元 </span></span></li>
                                    <%--<li class="<%=Merc.IsMember?"":"dn_" %>"><span class="t">会 员 价：</span> <span class="cp">
                                        <%=Merc.MPrice%>元+<%=Merc.Integral%>积分</span></span> </li>--%>
                                    <li class='freight '>
                                        <table class="table000_  fl_"  >
                                            <tr> 
                                                <td>
                                                    <span class="t">运&nbsp;&nbsp;&nbsp;&nbsp;费：</span>
                                                </td>
                                                <td>
                                                    <span>
                                                        <zf:ListView ID="lvFreight" runat="server">
                                                            <LayoutTemplate>
                                                                <zf:PlaceHolder ID="itemPlaceHolder" runat="server">
                                                                </zf:PlaceHolder>
                                                            </LayoutTemplate>
                                                            <ItemTemplate>
                                                                <%#Eval("Name") %>:<%#Eval("Price") %>元<br />
                                                            </ItemTemplate>
                                                        </zf:ListView>
                                                    </span>
                                                    <script>
                                                        function _openFT(id) {
                                                            window.open('/shop/ft.aspx?id='+id, 'ft',
                                     'menubar=no,scrollbars=yes,resizable=yes,location=no,toolbar=no,width=690,height=350', true);
                                                        }
                                                    </script> 
                                                    <span class="<%=Freight!=null?"":"dn_" %>" >
                                                    <a href="javascript:_openFT(<%=Merc.FreightId %>)">查看全国各省快递费用</a>
                                                    </span>
                                                </td>
                                            </tr>
                                        </table>
                                        <div class="fc_"></div>
                                    </li>
                                    <li><span class="t">库存状况：</span> <span>
                                        <%=Merc.Quantity%><%=Merc.Unit%></span> </li>
                                    <li><span class="t">关于该商品的咨询</span> <span>
                                     <a href="/service/cservice.aspx?type=<%=HttpUtility.UrlDecode("商品购买") %>" target="_blank">
                                        <img src="/image/zxzx.gif" class="vam_ ml10_ cp_"   />
                                        </a>
                                        </span></li>
                                    <li><span class="t">
                                        <%=Merc.Hits+(new Random().Next(1000))%>人关注过该商品</span> </li>
                                    <li><a href="buy.aspx?id=<%=this.Merc.MerchandiseId %>" style="background: url(/image/buy.gif);
                                        margin: 0px 0px 0px 5px; width: 84px; height: 25px; color: #fff; font-weight: bold;
                                        font-size: 14px; line-height: 25px; display: block; text-align: center; float: left;">
                                        立即购买</a> <a href="/Person/shop/cellect.aspx?type=add&id=<%=this.Merc.MerchandiseId %>"
                                            style="background: url(/image/addf.gif); margin: 0px 0px 0px 5px; width: 92px;
                                            height: 25px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px;
                                            display: block; text-align: center; float: left;">加入收藏</a> </li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                </table>
                 
            </dd>
        </dl>
    </div>